
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<jsp:include page="/includes/top.jsp"></jsp:include>

<div class="page-content">
	<!-- /.page-header -->

	<div class="row">
		<div class="col-xs-12">
			<!-- PAGE CONTENT BEGINS -->

			<div class="space"></div>

			<div id="calendar"></div>

			<!-- PAGE CONTENT ENDS -->
		</div>
		<!-- /.col -->
	</div>
	<!-- /.row -->
</div>
<!-- /.page-content -->

<jsp:include page="/includes/bottom.jsp"></jsp:include>


<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="assets/js/fullcalendar.min.js"></script>

<script type="text/javascript">
		/* 初始化日历
		-----------------------------------------------------------------*/
		$.ajax({
			type : "post",
			url : "calendarid",
			dataType : "json",
			success : function(clist) {
				$("#calendar").fullCalendar({
					buttonText : {
						prev : '<i class="icon-chevron-left"></i>',
						next : '<i class="icon-chevron-right"></i>'
					},
					header : {
						left : 'prev, today ,next ',
						center : 'title',
						right : 'month,agendaWeek,agendaDay'
					},
					monthNames : [ "一月", "二月", "三月", "四月", "五月",
							"六月", "七月", "八月", "九月", "十月", "十一月",
							"十二月" ],
					monthNamesShort : [ "一月", "二月", "三月", "四月",
							"五月", "六月", "七月", "八月", "九月", "十月",
							"十一月", "十二月" ],
					dayNames : [ "周日", "周一", "周二", "周三", "周四",
							"周五", "周六" ],
					dayNamesShort : [ "周日", "周一", "周二", "周三", "周四",
							"周五", "周六" ],
					today : [ "今天" ],
					firstDay : 1,
					buttonText : {
						today : "本月",
						month : "月",
						week : "周",
						day : "日"
					},
					events : clist,
					selectable : true,
					selectHelper : true,
					eventClick : function(calEvent, jsEvent, view) {
							window.open("Task/taskDetail.jsp?m="
									+ mid + "&id=" + calEvent.taskId, "_self");
					}
				});
			}
		});
</script>